.customer-service-wrapper {
  z-index: zindex($zLayout, navigation);
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  position: fixed;
  bottom: $margin;
  right: 15px;

  &.higher {
    bottom: $margin + 60px;
  }

  .cart,
  .help {
    @include size(44px, 44px);
  }

  .cart-wrapper {
    position: relative;

    .cart-count {
      @include size(10px, 10px);
      box-sizing: content-box;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 9px;
      right: 7px;
      border-radius: 50%;
      font-family: $notoSans;
      font-size: 8px;
      line-height: 1;
      background-color: $colorWhite;
      color: $colorViking;
      border: 2px solid $colorViking;
    }
  }

  .help-wrapper {
    @include size(100%, 100%); // alt hard-code size(44px, 44px)
    position: relative;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    outline: inherit;

    &::after {
      border: none;
    }
  }
}
